.hopeto-header {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid rgb(220, 223, 230);
    display: flex;
    justify-content: space-between;

    .app-title {
        padding: 0 24px;
        display: flex;
        align-items: center;
        
        .app-logo {
            width: 30px;
            height: 30px;
            margin-right: 12px;
        }

        .title {
            font-weight: 600;
            font-size: 20px;
            color: #363636;
        }
    }

    .menus {
        margin-right: 20px;
        height: 60px;
        display: flex;
        align-items: center;
    }

    .user {
        display: flex;
        align-items: center;
        margin-right: 20px;
    }
}